<script setup lang="ts">
import Title from './header/title.vue'
import { nextTick, ref } from 'vue';
import { RouterView, useRouter, useRoute } from 'vue-router';


// 获取当前日期

function getDate() {
  const date = new Date();

  const month = String(date.getMonth() + 1)

  return `${date.getFullYear()}-${month.length == 1 ? `0${month}` : month
    }-${date.getDate()} `;
}

const footer = ref('注意：报价单仅供参考，具体以实际为准')

</script>

<template>
  <div class="father">
    <Title :getDate />
    <div class="son">
      <RouterView></RouterView>
    </div>
    <div class="footer">
      <span>{{ footer }}</span>
    </div>
  </div>
</template>

<style scoped>
* {
  margin: 0;
  padding: 0;
}

.father {
  padding-top: 150px;
  background-color: #708db5;
  width: 100vw;
  height: 100vh;
  font-size: 16px;
  box-sizing: border-box;
}

.son {
  display: flex;
  flex-direction: column;
  gap: 5px;
  align-items: center;
  overflow: hidden;
}

.footer {
  width: 100%;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;

  >span {
    color: #ffffff;
  }
}
</style>
